<template>
  <div class="header">
    <div class="container">
      <div class="logo">
        <router-link to="/"><img src="http://www.yhachina.com/images/logo.png" alt=""></router-link>
      </div>
      <div class="right">
        <div class="up">
          <router-link to="/order"><p>订单管理</p></router-link>
          <router-link to="/register"><i class="el-icon-s-custom" style="width:2px"></i><p>注册</p></router-link>
          <router-link to="/login"><p>登录</p></router-link>
          <p><img src="http://www.yhachina.com/images/CN.gif" alt="">中文</p>
          <p><img src="http://www.yhachina.com/images/EN.gif" alt="">EN</p>
        </div>
        <div class="down">
          <ul>
            <router-link to="/aboutus"><li>关于我们</li></router-link>
            <router-link to="/vip"><li>会员卡</li></router-link>
            <router-link to="/yuding"><li>旅舍预定</li></router-link>
            <router-link to="/pandect"><li>旅舍总览</li></router-link>
            <router-link to="/web-info-lists"><li>最新资讯</li></router-link>
            <router-link to="/join"><li>旅舍加盟</li></router-link>
            <router-link to="/contact"><li>联系总部</li></router-link>
            <router-link to="/publicwelfare"><li>旅舍公益</li></router-link>
            <router-link to="http://www.tourpi.cn/detail-904991.html"><li>官方小店</li></router-link>
          </ul>
        </div>
      </div>
    </div>
  </div>

</template>

<script>
  export default {

  }
</script>

<style lang="scss" scoped>
.header{
  margin: 0;
  padding: 0;
  // background-color: #fff;
}
.header .container{
  width: 1100px;
  height: 70px;
  margin: 20px auto;
  // padding: 20px;
}
.header .container .logo{
  width: 157px;
  float: left;
}
.header .container .right p{
  display: inline-block;
  margin: 0 20px;
  font-size: 10px;
  cursor: pointer;
  color: black;
}
.header .container .right p img{
  width: 16px;
  margin: 0 5px;
}
.header .container .right .up{
  padding-right: 3px;
  float: right;
}
.header .container .right .down{
  float: right;
}
.header .container .right .down ul{
 margin-top: 30px;
}
.header .container .right .down li{
  cursor: pointer;
  display: inline-block;
  margin-left: 30px;
  font-size: 16px;
  font-weight: bold;
  color: #333;
}

</style>